<template>
  <div>
    <footer>
      <div class="w">
        <div class="footer-hd">
          <div class="left">
            <ul class="clearfix">
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
              <li class="footer-lis">
                <dl>
                  <dt>订单服务</dt>
                  <dd>购买指南</dd>
                  <dd>支付方式</dd>
                  <dd>送货政策</dd>
                </dl>
              </li>
            </ul>
          </div>
          <div class="right">
            <h3>1012139570</h3>
            <p class="time">周一至周日 10:00-23:00（限Starrer或捐赠人联系）</p>
            <el-button class="callPlay">在线帮助</el-button>
          </div>
        </div>
        <div class="footer-bd clearfix">
          <div class="l">
            <span class="text">Copyright ©2017, exrick.cn Co., Ltd. All Rights Reserved.本网站设计内容大部分属锤子科技<span
                class="h">|</span><a href="#">法律声明</a><span class="h">|</span><a href="#">隐私条款</a><span
                class="h">|</span><a href="#">开发者中心</a></span>
            <p class="copyright"><span>蜀ICP备16030308号-1</span><span class="c2">蜀ICP证16030308号</span></p>
          </div>
          <div class="r"><i class="el-icon-chat-line-round"></i></div>
        </div>
      </div>
    </footer>
  </div>
</template>
<script>
  export default {}

</script>
<style lang="less" scoped>
  // footer
  .footer-hd {
    height: 181px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 70px 0 150px !important;
    position: relative;

    .footer-lis {
      font-size: 12px;
      float: left;
      margin-right: 80px !important;

      dt {
        color: black;
        font-weight: 550;
        margin-bottom: 20px !important;
      }

      dd {
        line-height: 30px;
      }
    }

    .right {
      height: 111px;
      position: absolute;
      right: 0px;
      top: 80px;
      text-align: right;

      h3 {
        font-size: 29px;
      }

      .time {
        font-size: 12px;
        color: #c3c3c3;
        margin: 10px 0 !important;
      }

      .callPlay {
        width: 132px;
        height: 34px;
        color: #5079d9;
        border: 1px solid #dcdcdc;

      }
    }
  }

  .footer-bd {
    padding: 30px 0 !important;
    position: relative;

    .text {
      font-size: 12px;
      color: #757575;
    }

    a {
      color: blue;
    }

    .h {
      padding: 0 10px !important;
    }

    .copyright {
      font-size: 12px;
      color: #bdbdbd;
      margin-top: 15px !important;
      position: relative;

      .c2 {
        padding-left: 14px !important;
      }

    }

    .r {
      font-size: 45px;
      position: absolute;
      top: 30px;
      right: 20px;
    }

  }

</style>
